<template>
<!-- 个人课表中需要添加课程，可在这个表里填写表单进行提交 -->
    <div id="Add">
<el-card>
  <div class="addtitle">  <h3>添加课表</h3><span>  <i class="el-icon-close" ></i></span></div>
   
    <br>
 <el-form :label-position="labelPosition">
    <el-form-item label="入学年级" label-width="80px">
       <el-select  placeholder="请选择活动区域">
           <el-option label="2021级"></el-option>
           <el-option  label="2020级"></el-option>
           <el-option label="2019级"></el-option>

       </el-select>
    </el-form-item>
    <el-form-item label="专业全称" label-width="80px">
        <el-input></el-input>
    </el-form-item>
    <el-form-item label="课程名称" label-width="80px">
        <el-input></el-input>
    </el-form-item>
   <el-form-item label="星期" class="week">
    <el-select  placeholder="请选择活动区域">
      <el-option label="星期一"></el-option>
      <el-option label="星期二"></el-option>
      <el-option label="星期三"></el-option>
      <el-option label="星期四"></el-option>
      <el-option label="星期五"></el-option>
      <el-option label="星期六"></el-option>
      <el-option label="星期日"></el-option>
    </el-select>
  </el-form-item>
      <el-form-item label="周数" class="week">
    <el-select  placeholder="请选择周期范围">
      <el-option label="1"></el-option>
      <el-option label="2"></el-option>
      <el-option label="3"></el-option>
      <el-option label="4"></el-option>
      <el-option label="5"></el-option>
      <el-option label="6"></el-option>
      <el-option label="7"></el-option>
     <el-option label="8"></el-option>
      <el-option label="9"></el-option>
      <el-option label="10"></el-option>
      <el-option label="11"></el-option>
      <el-option label="12"></el-option>
      <el-option label="13"></el-option>
      <el-option label="14"></el-option>  
      <el-option label="15"></el-option>
      <el-option label="16"></el-option>
      <el-option label="17"></el-option>
      <el-option label="18"></el-option>
      <el-option label="19"></el-option>
      <el-option label="20"></el-option>
    </el-select>—
     <el-select  placeholder="请选择活动区域">
      <el-option label="1"></el-option>
      <el-option label="2"></el-option>
      <el-option label="3"></el-option>
      <el-option label="4"></el-option>
      <el-option label="5"></el-option>
      <el-option label="6"></el-option>
      <el-option label="7"></el-option>
     <el-option label="8"></el-option>
      <el-option label="9"></el-option>
      <el-option label="10"></el-option>
      <el-option label="11"></el-option>
      <el-option label="12"></el-option>
      <el-option label="13"></el-option>
      <el-option label="14"></el-option>  
      <el-option label="15"></el-option>
      <el-option label="16"></el-option>
      <el-option label="17"></el-option>
      <el-option label="18"></el-option>
      <el-option label="19"></el-option>
      <el-option label="20"></el-option>
    </el-select>
    周
  </el-form-item>
    <el-form-item label="单双周" label-width="82px">
    <el-radio-group>
      <el-radio label="单周"></el-radio>
      <el-radio label="双周"></el-radio>
    </el-radio-group>
  </el-form-item>
  
<el-form-item>
    <el-button type="primary"  class="add">立即添加</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form> 
  </el-card>

    </div>
</template>
<script>
export default {
    name:'Add',
    data(){
        return{
               labelPosition: 'right',
        }

    }

}
</script>
<style lang="less" scoped>
#Add{
    width: 52%;
    margin: 0 auto;
}

.el-card{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15) !important;
}
.addtitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    i{
        font-size: 26px;

        }
}
.el-form{
    margin: 0 auto;
width: 568px;
.el-radio-group{
    margin-left: 32px;
}
.el-input{
    width: 82%;
}
.add{
    margin-left: 80px;
}
.el-form-item {
    margin-bottom: 14px;
}
.week{
    margin-left: 40px;
}
.el-select {
    width: 30%;
}
}
</style>